<template>
  <div class="coffee-nav">
    <van-nav-bar left-arrow>
      <template #left>
        <div class="logo">
          <div class="icon">
            <img class="imgCover" src="../assets/images/java.png" />
          </div>
          <div class="title">卡菲咖啡</div>
        </div>
      </template>
      <template #right>
        <div @click="toHome">游客进入</div>
      </template>
    </van-nav-bar>
  </div>
</template>

<script>
import "../assets/less/nav.less";
export default {
  name: "CoffeeNav",
  methods: {
    toHome() {
      this.$router.push({ path: "/" });
    },
  },
};
</script>